<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body>
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><span class="menu-link-inactive" class="show">Welcome!</span>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="hide" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li><a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/satelliteflip.jpg" height="50px" width="50px"/></th>
                            <th><h1>Greetings Young Space Explorer!</h1></th>
                            <th><img src="images/satellite.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/milkyway.jpg"
                                alt="Image of the Milky Way Galaxy"
                                title="Image of the Milky Way Galaxy"/>
                        </tr>
                        <tr>
                            <p>The Milky Way Galaxy is approximatly 100,000 light years in diameter and 
                                is home to billions of stars, planets and our solar system.</p>
                        </tr> 
                        <tr>
                            <img src="images/solarsystem.jpg"
                                alt="Image of the solar system with planets orbiting the Sun."
                                title="Image of the solar system with planets orbiting the Sun."/>
                        </tr>
                        <tr>
                            <p>Our solar system contains one star, eight planets, one asteriod belt, 
                                and many moons.</p>
                        </tr>
                    </table> 
                </aside>
                
                <section>
                    <p>Hello and welcome to Journey through Space!</p>
                    
                    <p>You are about to embark on a wonderful journey through our solar system. It 
                        contains planets, asteroids and a star. It was born more than 4.5 billion years 
                        ago and is the result of pressure, gravity and nuclear 
                        reactions. This course will help you understand the relationship between 
                        the planets and how they ultimately influence life on Earth.</p>
                    <p>As you progress through the site, make sure to pay close attention during each 
                        section. There are a total of three quizzes in which you will be asked to 
                        participate with: a quiz on the Rocky Planets (a.k.a. The Terresterial Planets), 
                        one on the Gas Giants (a.k.a. The Gaseous Planets), and an overall final quiz. 
                        The types of questions will vary among multiple choice, true or false, and 
                        drag-and-drop.</p>
                    
                    <p>It is time to buckle your space belt and begin! Please click the video below before 
                        you take off.</p>
                    
                    <div class="center">
                        <video width="320" height="240" controls>
                            <source src="video/solarsystem.mp4" type="video/mp4">
                            <source src="video/solarsystem.ogv" type="video/ogv">
                            <source src="video/solarsystem.webm" type="video/webm">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                    
                    <p>Now that you have blasted off into space and are ready to start your journey, 
                        please choose your first destination from the navigation bar at the top of the 
                        screen. Remember to visit every page because the quizzes will only appear each 
                        time you complete a section.</p>
                    
                    <a href="images/solarsystemhandout.pdf">Click here to get a Solar System Advanced Organizer!</a>
                    <br/>
                    <br/>
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
       
        <div>
            <footer>
                <cite>All information was collected from 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
